//
// Message
// --------------------------------------------------


#mui-msg-container {
    display: block;
    position: fixed;
    top: 10px;
    left: 50%;
    max-width: 400px;
    text-align: center;
    z-index: 1500;
}

.mui-msg {
    position: relative;
    right: 50%;
    width: auto;
    margin-top: 15px;
    padding: 8px 25px;
    border: 1px solid @border-color-base;
    border-radius: @border-radius-base;
    background-color: #fff;
    opacity: 1;
    box-shadow: @box-shadow-base;
    transition: all 200ms ease-in;
    -webkit-animation: mui-msg-enter 250ms;
    animation: mui-msg-enter 250ms;

    &.exit {
        opacity: 0;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    > .icon-success,
    > .icon-info,
    > .icon-warning,
    > .icon-error {
        display: table-cell;
        padding-right: 5px;
        text-align: left;
        font-size: 20px;
        vertical-align: top;
    }

    .icon-success {
        color: @color-success;
    }

    .icon-info {
        color: @color-info;
    }

    .icon-warning {
        color: @color-warning;
    }

    .icon-error {
        color: @color-danger;
    }
}

.mui-msg-content {
    display: table-cell;
    text-align: left;
    vertical-align: top;
}

@keyframes mui-msg-enter {
    from {
        opacity: 0;
        -webkit-transform: translateY(26px);
        transform: translateY(26px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}